.ScheduleChartsA01 {
	width: 100%;
	height: 100%;
	padding: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;

	& > div {
		width: 100%;

		&.nav {
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 8px 60px;

			& > div:first-child {
				display: flex;
				align-items: center;
				justify-content: center;
				flex: 1;
				height: 50px;
				margin: 0 32px;

				& > div {
					height: 100%;
					flex: 1;
					display: flex;
					align-items: center;
					justify-content: center;
					font-family: MicrosoftYaHei, MicrosoftYaHei;
					font-weight: bold;
					font-size: 18px;
					color: #97fff6;
					background: linear-gradient(
						0deg,
						rgba(25, 127, 202, 1),
						rgba(1, 50, 144, 1)
					);
					border: 1px solid #759bb3;
					cursor: pointer;
					transition: all 0.35s;

					&.active {
						background: linear-gradient(
							0deg,
							rgba(221, 109, 48, 1),
							rgba(18, 39, 59, 1)
						);
						border: 1px solid #ffeb64;
						color: white;
					}
				}
			}

			& > .ant-picker {
				width: 160px;
				height: 50px;
				border-radius: 50px;
				background: rgba(0, 54, 121, 1);

				input {
					color: rgba(151, 255, 246, 1);
					font-size: 18px;
					text-align: center;
				}
			}
		}

		&.top {
			flex: 1;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;

			& > div {
				width: 100%;

				&.ChartsBox {
					flex: 1;
					width: 100%;
				}
			}
		}

		&.btm {
			flex: 1;
			display: flex;
			align-items: center;
			justify-content: center;

			& > div {
				flex: 1;
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: column;

				& > div {
					width: 100%;

					&.ChartsBox {
						flex: 1;
						width: 100%;
					}
				}
			}
		}
	}

	.TipTemp {
		padding: 8px;
		width: 200px;
		background: white;

		& > div {
			margin: 8px 0;

			&.title {
				font-weight: bold;
				font-size: 14px;
			}

			&.label {
				display: flex;
				align-items: center;
				justify-content: space-between;
			}
		}
	}
}
